<template>
	<div id="frame" ref="frame" v-if="status" :style="{
      top: config.y + 'px',
      left: config.x + 'px',
      width: config.w + 'px',
      height: config.h + 'px',
    }" />
</template>

<script>
	export default {
		props: {
			status: {
				type: Boolean,
				default: false
			},
			config: {
				type: Object,
				default () {
					return {
						x: 0,
						y: 0,
						w: 0,
						h: 0
					}
				}
			}
		}
	}
</script>

<style scoped>
	#frame {
		position: absolute;
		border: 1px solid #409eff;
		background: #40a0ff1f;
		cursor: pointer;
		z-index: 1024;
	}
</style>
